<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>短信提醒</title>
<style>
*{margin:0;padding:0;}
form{width:1100px;max-width:100%;margin:0 auto;}
.note{border-bottom:1px solid #0fa5fc;margin:50px auto;}
h3{line-height:50px;}
textarea{width:100%;height:140px;line-height:35px;padding:5px 0px;border:0px;resize: none;font-size:18px;overflow:auto;background-attachment:fixed;background-repeat:no-repeat;border-style:solid;outline: none;}
textarea:focus{border:1px solid #fff;box-shadow:0px 0px 0px #fff;resize: none;border-color:#FFFFFF;}
button{width:120px;height:40px;border:1px solid #0fa5fc;border-radius:7px;font-size:18px;color:#fff;background: #0fa5fc;  background: -webkit-gradient(linear, left top, left bottom, from(#5fc3fd), to(#0fa5fc));background: -moz-linear-gradient(top,  #5fc3fd,  #0fa5fc);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fc3fd', endColorstr='#0fa5fc');}
</style>
</head>

<body>
<form>
	<div class="note">
	<h3>短信内容</h3>
	<textarea placeholder="请输入短信内容"></textarea>
	</div>
	<div class="note">
	<h3>接收号码</h3>
	<textarea placeholder="请输入接收号码"></textarea>
	</div>
	<button>发 送</button>
</form>
</body>
</html>